.imod-debugbar{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:99999;
    background-color: #edf1f2;
    border-top: 1px solid #d4dcdf;
}

.imod-debugbar .m-r{
    margin-right:5px;
}
.imod-debugbar .b-r{
  border-right:1px solid #e0e7e8;
}

/*
Debugbar tabs
*/
.tabs-debugbar > ul{
    list-style:none;
    margin:0;
    padding:0;
    color:#333;
}

.tabs-debugbar > ul{
    height:50px;
    list-style:none;
    padding:0;
    margin:0;
    border-bottom:1px solid #e0e7e8;
    background:#fdfdfd;
}

.tabs-debugbar > ul li{
    height:50px;
    line-height:50px;
    padding:0 15px;
    color:#666;
    float:left;
    margin: 0;
    border-radius:0;
    border-left:1px solid #e0e7e8
}
.tabs-debugbar .ui-tabs-tab{
    padding:0
}
.tabs-debugbar > ul li.pull-right{
    float:right;
}
.tabs-debugbar > ul li.ui-state-active{
    background:#fff;
}
.tabs-debugbar > ul li:first-child{
    border-left:0
}

.tabs-debugbar > ul li a{
    padding: 0 15px;
    display:block;
    color:#999;
    text-decoration:none;
    line-height:50px;
}


.tabs-debugbar > ul li.ui-state-active a{
    color:#666
}
.tabs-debugbar > div{
    display:none;
    background:#fff;
    color:#666;
    padding:0;
    overflow-x: hidden;
    overflow-y: auto!important;
    -webkit-overflow-scrolling: touch;
    height:360px;
    font-family: monospace;
    font-size: 14px;
}

/*
Debugbar accordion
*/
.tabs-accordion > div{
    width:auto;
    float:none;
    border-left:0;
    min-height:auto;
    border-bottom:1px solid #e0e7e8
}
.tabs-accordion-title{
    cursor:pointer;
    background: #fdfdfd;
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e7e8;
    font-size: 14px;
    font-weight: bold;
    position:relative;
}
.tabs-accordion-title.active{
    background:#fff
}
.tabs-accordion-title:after{
    font-weight:normal;
    font-size:12px;
    font-family:'FontAwesome';
    content:'\f067';
    position:absolute;
    right:20px;
}
.tabs-accordion-title.active:after{
    content:'\f068'
}

/*
Debugbar badge
*/


.badge {
    min-width: 10px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    display: inline-block;
    padding: 2px 9px;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: baseline;
}
.imod-debugbar .badge-default {
    color: #58666e!important;
    background-color: #edf1f2;
}
/*
Debugbar list
*/
.imod-debugbar table{
    width:100%;
}
.imod-debugbar table th,
.imod-debugbar table td,
.imod-debugbar div .list-item{
    line-height:22px;
    text-align:left;
    border-top: 1px solid #d4dcdf;
    padding:3px 15px;
}
.imod-debugbar table th{
    border-top:0
}
.imod-debugbar table tr:first-child td,
.imod-debugbar div .list-item:first-child{
    border:0
}
.imod-debugbar table td.item{
    font-weight:bold
}
.imod-debugbar table td.value{
    cursor:pointer
}

/*
Debugbar responsive
*/
@media(max-width:768px) {

    .debugbar-toggle{
        border-right:1px solid #e0e7e8;
        cursor:pointer;
    }

    .imod-debugbar .tabs-accordion-title{
        display:none;
    }

}